<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<!--  
	格式：

	引入：<head th:replace="路径 :: 模块名"></head>

	模块：<div th:fragment="模块名"></div>
	-->
	<body>
		<header class="am-topbar admin-header" th:fragment="header">
			<div class="am-topbar-brand">
				<strong>
					Amaze
				</strong>
				<small>
					后台管理模板HTML
				</small>
			</div>
			<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
			data-am-collapse="{target: '#topbar-collapse'}">
				<span class="am-sr-only">
					导航切换
				</span>
				<span class="am-icon-bars">
				</span>
			</button>
			<div class="am-collapse am-topbar-collapse" id="topbar-collapse">
				<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
					<li>
						<a href="javascript:;">
							<span class="am-icon-envelope-o">
							</span>
							收件箱
							<span class="am-badge am-badge-warning">
								5
							</span>
						</a>
					</li>
					<li class="am-dropdown" data-am-dropdown>
						<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
							<span class="am-icon-users">
							</span>
							管理员
							<span class="am-icon-caret-down">
							</span>
						</a>
						<ul class="am-dropdown-content">
							<li>
								<a href="#">
									<span class="am-icon-user">
									</span>
									资料
								</a>
							</li>
							<li>
								<a href="#">
									<span class="am-icon-cog">
									</span>
									设置
								</a>
							</li>
							<li>
								<a href="#">
									<span class="am-icon-power-off">
									</span>
									退出
								</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="javascript:;" id="admin-fullscreen">
							<span class="am-icon-arrows-alt">
							</span>
							<span class="admin-fullText">
								开启全屏
							</span>
						</a>
					</li>
				</ul>
			</div>
		</header>
		
		<div class="admin-sidebar" th:fragment="left_nav(name)">
				<input id="name" type="hidden" th:value="${name}">
				<script src="../admin/js/jquery.min.js"></script>
				<script>
					$(function(){
						$name = $('#name').val();
						if($name == 'case'){
							$("#collapse-casenav").addClass("am-in");
							$("#collapse-nav").removeClass("am-in");
						}
						if($name == 'article'){
							$("#collapse-articlenav").addClass("am-in");
							$("#collapse-nav").removeClass("am-in");
						}
					});
				</script>
				<ul class="am-list admin-sidebar-list">
					<li>
						<a href="admin-index.html">
							<span class="am-icon-home">
							</span>
							首页
						</a>
					</li>
					<li class="admin-parent">
						<a class="am-cf" data-am-collapse="{target: '#collapse-nav'}">
							<span class="am-icon-file">
							</span>
							页面模块
							<span class="am-icon-angle-right am-fr am-margin-right">
							</span>
						</a>
						<ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
							<li>
								<a href="admin-user.html" class="am-cf">
									<span class="am-icon-check">
									</span>
									个人资料
									<span class="am-icon-star am-fr am-margin-right admin-icon-yellow">
									</span>
								</a>
							</li>
							<li>
								<a href="admin-help.html">
									<span class="am-icon-puzzle-piece">
									</span>
									帮助页
								</a>
							</li>
							<li>
								<a href="admin-gallery.html">
									<span class="am-icon-th">
									</span>
									相册页面
									<span class="am-badge am-badge-secondary am-margin-right am-fr">
										24
									</span>
								</a>
							</li>
							<li>
								<a href="admin-log.html">
									<span class="am-icon-calendar">
									</span>
									系统日志
								</a>
							</li>
							<li>
								<a href="admin-404.html">
									<span class="am-icon-bug">
									</span>
									404
								</a>
							</li>
						</ul>
					</li>
					<li class="am-panel">
						<a class="am-cf" data-am-collapse="{target: '#collapse-casenav'}">
							<span class="am-icon-table">
							</span>
							案列管理
							<span class="am-icon-angle-right am-fr am-margin-right">
							</span>
						</a>
						<ul class="am-list am-collapse admin-sidebar-sub" id="collapse-casenav">
							<li>
								<a href="/grt/case/caselist.html" class="am-cf">
									<span class="am-icon-check">
									</span>
									案列列表
								</a>
							</li>
							<li>
								<a href="/grt/case/addcase.html">
									<span class="am-icon-puzzle-piece">
									</span>
									新增案列
								</a>
							</li>
						</ul>
					</li>
					<li class="am-panel">
						<a class="am-cf" data-am-collapse="{target: '#collapse-articlenav'}">
							<span class="am-icon-table">
							</span>
							文章管理
							<span class="am-icon-angle-right am-fr am-margin-right">
							</span>
						</a>
						<ul class="am-list am-collapse admin-sidebar-sub" id="collapse-articlenav">
							<li>
								<a href="/grt/article/articlelist.html" class="am-cf">
									<span class="am-icon-check">
									</span>
									文章列表
									<span class="am-icon-star am-fr am-margin-right admin-icon-yellow">
									</span>
								</a>
							</li>
							<li>
								<a href="/grt/article/articletypelist.html">
									<span class="am-icon-puzzle-piece">
									</span>
									文章分类
								</a>
							</li>
							
						</ul>
					</li>
					<li>
						<a href="#">
							<span class="am-icon-sign-out">
							</span>
							注销
						</a>
					</li>
				</ul>
				<div class="am-panel am-panel-default admin-sidebar-panel">
					<div class="am-panel-bd">
						<p>
							<span class="am-icon-bookmark">
							</span>
							公告
						</p>
						<p>
							时光静好，与君语；细水流年，与君同。—— Amaze
						</p>
					</div>
				</div>
				<div class="am-panel am-panel-default admin-sidebar-panel">
					<div class="am-panel-bd">
						<p>
							<span class="am-icon-tag">
							</span>
							wiki
						</p>
						<p>
							Welcome to the Amaze wiki!
						</p>
					</div>
				</div>
			</div>
	</body>

</html>